//加载时完成加载用户信息列表
$(function () {
    getUserListByPage();
})

//获取用户列表
function getUserList() {
    $.ajax({
        url: "/back/user",
        type: 'post',
        dataType: 'json',
        success: function (data) {
            $("tbody").html("");
            console.log(data);
            $.each(data.users, function (i, user) {
                $("tbody").append("<tr><td><input type='checkbox'></td><td>" + user.id + "</td><td>" + user.username + "</td><td>" + user.birth + "</td><td>" + user.phone + "</td><td>" + user.sex + "</td><td><button onclick='directEditUser("+user.id+")'>编辑</button><button onclick='deleteUser(" + user.id + ")'>删除</button></td></tr>");
            });
            $("#pagecount").val(data.total);
        }
    })
}

var total = 0;

//为当前显示条数文本框绑定回车事件
$('#size').bind('keypress',function(event){
    if(event.keyCode == "13"){
        //敲击回车后重新按照新的显示条数加载页面
        getUserListByPage();
    }
});

//为当前页数文本框绑定回车事件
$('#pageipt').bind('keypress',function(event){
    if(event.keyCode == "13"){
        getUserListByPage();
    }
});

//为上一页绑定点击事件
$('#lastpage').click(function() {
    //获取默认的当前页数和显示条数值
    let page = $("#pageipt").val();
    page--;
    if (page>=1) {//如果不是第一页，则往前翻一页
        $("#pageipt").val(page);
        getUserListByPage();
    }
});

//绑定下一页点击事件
$('#nextpage').click(function() {
    //获取默认的当前页数和显示条数值
    let page = $("#pageipt").val();
    let size = $("#size").val();
    page++;
    if (page<=Math.ceil(total/size)){
        $("#pageipt").val(page);
        getUserListByPage();
    }
});

//为首页绑定点击事件
$("#first").click(function () {
    let page = $("#pageipt").val();
    if (page > 1) {//如果当前页不是首页则跳转到首页，否则不做任何事情
        page = 1;
        $("#pageipt").val(page);
        getUserListByPage();
    }
});

//为尾页绑定点击事件
$("#last").click(function () {
    let page = $("#pageipt").val();
    let size = $("#size").val();
    if (page<Math.ceil(total/size)){//如果当前页不是尾页，则跳转到尾页
        page = Math.ceil(total/size);
        $("#pageipt").val(page);
        getUserListByPage();
    }
});

//分页获取用户列表
function getUserListByPage() {
    //获取默认的当前页数和显示条数值
    let page = $("#pageipt").val();
    let size = $("#size").val();

    //判断显示条数输入框中的值如果为空或者是非正数，则将size默认赋值为10，页面显示条数默认显示10条
    if (size.trim()=='' || size.trim()<=0) {
        size=5;
    }

    //判断页数输入框中的值如果为空或者是非正数，则将page默认赋值为1，页面默认显示第一页
    if (page.trim()=='' || page.trim()<=0) {
        page=1;
    }
    console.log(page+","+size);
    $.ajax({
        url: "/back/user",
        type: 'get',
        data:{
            "page":page,
            "size":size
        },
        dataType: 'json',
        success: function (data) {
            $("tbody").html("");//清空表格数据
            $.each(data.users, function (i, user) {
                $("tbody").append("<tr><td><input type='checkbox'></td><td>" + user.id + "</td><td>" + user.username + "</td><td>" + user.birth + "</td><td>" + user.phone + "</td><td>" + user.sex + "</td><td><button class='iconfont' onclick='directEditUser("+user.id+")'>&#xe608;</button><button class='iconfont' onclick='deleteUser(" + user.id + ")'>&#xe618;</button></td></tr>");
            });
            total = data.total;
            //显示总条数
            $("#pagecount").text(total);
            console.log(total);
        }
    })
}

//分页获取用户列表
function getUserSortListByPage() {
    //获取默认的当前页数和显示条数值
    let page = $("#pageipt").val();
    let size = $("#size").val();
    let sort = $("#sort").find("option:selected").val();

    //判断显示条数输入框中的值如果为空或者是非正数，则将size默认赋值为10，页面显示条数默认显示10条
    if (size.trim()=='' || size.trim()<=0) {
        size=5;
    }

    //判断页数输入框中的值如果为空或者是非正数，则将page默认赋值为1，页面默认显示第一页
    if (page.trim()=='' || page.trim()<=0) {
        page=1;
    }
    console.log(page+","+size);
    $.ajax({
        url: "/back/sort/user",
        type: 'get',
        data:{
            "page":page,
            "size":size,
            "sort":sort
        },
        dataType: 'json',
        success: function (data) {
            $("tbody").html("");//清空表格数据
            $.each(data.users, function (i, user) {
                $("tbody").append("<tr><td><input type='checkbox'></td><td>" + user.id + "</td><td>" + user.username + "</td><td>" + user.birth + "</td><td>" + user.phone + "</td><td>" + user.sex + "</td><td><button class='iconfont' onclick='directEditUser("+user.id+")'>&#xe608;</button><button class='iconfont' onclick='deleteUser(" + user.id + ")'>&#xe618;</button></td></tr>");
            });
            total = data.total;
            //显示总条数
            $("#pagecount").text(total);
            console.log(total);
        }
    })
}

//删除用户
function deleteUser(id) {
    let flag = confirm("确定删除？");
    if (flag) {
        $.ajax({
            url: '/back/user/manage',
            type: 'get',
            data: {"id": id},
            dataType: 'text',
            success: function (data) {
                if (data > 0)
                    alert("删除成功！");
                else
                    alert("删除异常！");
                getUserListByPage();
            }
        })
    }
}

//跳转用户修改界面
function directEditUser(id){
    sessionStorage.setItem("userid",id);
    $(".right").load("../html/back/user/useredit.html");
}
//搜索用户
$('#find').click(function () {
    let username = $.trim($("#username").val());
    let phone = $.trim($("#phone").val());
    let sex = $("#sex_select").find("option:selected").val();
    let startbirth = $("#start_birth").val();
    let endbirth = $("#end_birth").val();
    let page = $("#pageipt").val();
    let size = $("#size").val();
    //判断显示条数输入框中的值如果为空或者是非正数，则将size默认赋值为10，页面显示条数默认显示10条
    if (size.trim()=='' || size.trim()<=0) {
        size=5;
    }

    //判断页数输入框中的值如果为空或者是非正数，则将page默认赋值为1，页面默认显示第一页
    if (page.trim()=='' || page.trim()<=0) {
        page=1;
    }
    console.log(page+","+size);
    $.ajax({
        url: '/back/user/info',
        type: 'post',
        data: {
            'username':username,
            'phone' :phone,
            'sex': sex,
            'startbirth': startbirth,
            'endbirth': endbirth,
            'page':page,
            'size':size
        },
        dataType: 'json',
        success: function (data) {
            $("tbody").html("");
            console.log(data);
            $.each(data.users, function (i, user) {
                $("tbody").append("<tr><td><input type='checkbox'></td><td>" + user.id + "</td><td>" + user.username + "</td><td>" + user.birth + "</td><td>" + user.phone + "</td><td>" + user.sex + "</td><td><button class='iconfont' onclick='directEditUser("+user.id+")'>&#xe608;</button><button class='iconfont' onclick='deleteUser(" + user.id + ")'>&#xe618;</button></td></tr>");
            })
            total = data.total;
            //显示总条数
            $("#pagecount").text(total);
            console.log(total);
        }
    })
});